<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/jq-1.12.4.js"></script>
    <script src="../js/bootstrap.js"></script>
    <style>
        a {
            min-width: 190px;
        }
    </style>
</head>

<body>
    <div class="container">
        <h3>本周下载排行榜</h3>
        <div class="row">
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/1.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>齐秦-女人花</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/2.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>郁可唯-失恋消失</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/3.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>阿兰-你的眼神</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/4.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>Super-Junior</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/5.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>阿兰-为爱成魔</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/6.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>祁隆-一万个对不起</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/7.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>崔子格-不再联系</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/8.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>李代沫-简单的事</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/9.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>张惠妹-爱我吗</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/10.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>黄绮珊-离不开你</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/11.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>夏天-不再联系</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div>
                    <a href="" class="thumbnail"><img src="../img/12.jpg" style="width: 100%;">
                        <div class="caption">
                            <p>凤凰传奇-自由自在</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>